

$(function(){
    var currentPage=1;
    var pageSize=5;
    render();
    function render(){
        $.ajax({
            url:'/category/querySecondCategoryPaging',
            type:'get',
            data:{
                page:currentPage,
                pageSize:pageSize
            },
            dataType:'json',
            success:function(info){
                console.log(info);
                $('#category-s tbody').html(template('tmp',info));

                // 配置分页插件
                $("#pagintor").bootstrapPaginator({
                    bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
                    currentPage:info.page,//当前页
                    totalPages:Math.ceil(info.total/info.size),//总页数
                    size:"small",//设置控件的大小，mini, small, normal,large
                    onPageClicked:function(a, b,c,page){
                      //为按钮绑定点击事件 page:当前点击的按钮值
                    //   设置当前页面为点击之后的页面
                        currentPage=page;
                    //重新渲染分页
                        render();
                    }
                  });
            }   
        })
    }
    // 点击按钮显示模态框
    $('.btn-add').on('click',function(){
        $('#add').modal('show');
    })

    // 请求下拉框的数据
    $.ajax({
        url:"/category/queryTopCategoryPaging",
        data:{
            page:1,
            pageSize:100
        },
        dataType:'json',
        success:function(info){
            // console.log(info);
            $('.dropdown-menu').html(template('tmp-select',info))
        }
    })

    // 事件委托注册下拉框里的点击事件
    $('.dropdown-menu').on('click','a',function(){
        // 改变下拉框的值
        $('#cate-list').text($(this).text());
        // 获取上传的id值为下一步的表单上传做准备
        $('.categoryId').val($(this).data('id'));
        // 将校验结果改为校验成功
         $("#form").data('bootstrapValidator').updateStatus('categoryId', 'VALID');
    })

    //   上传二级分类图片
      $("#file").fileupload({
        dataType:"json",
        //e：事件对象
        //data：图片上传后的对象，通过data.result.picAddr可以获取上传后的图片地址
        done:function (e, data) {
        //   console.log(data);
        // 获取服务器上传的图片地址
        var url=data.result.picAddr;
        // 赋值给下方的图片显示
        $('#logo').attr('src',url);
        console.log(url);
        //将服务器中的地址赋值给隐藏域中,准备上传
        $('.hide-logo').val(url);
        //将校验结果改为校验成功
         $("#form").data('bootstrapValidator').updateStatus('brandLogo', 'VALID');
        }
  });
    
//   表单数据校验
    $("#form").bootstrapValidator({
        excluded: [], //让隐藏的元素页被校验
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
          },
        fields:{
            brandName:{
                validators:{
                    notEmpty:{
                        message:"二级分类不能为空"
                    }
                }
            },
            categoryId:{
                validators:{
                    notEmpty:{
                        message:"一级分类不能为空"
                    }
                }
            },
            brandLogo:{
                validators:{
                    notEmpty:{
                        message:"logo不能为空"
                    }
                }
            }
        }
    })

    $('#add-sub').on('click',function(){
        $.ajax({
            url:"/category/addSecondCategory",
            type:'post',
            data:$('#form').serialize(),
            dataType:'json',
            success:function(info){
                // console.log(info)
                if(info.success){
                    $('#add').modal('hide');
                    currentPage=1;
                    render();
                    $("#form").data('bootstrapValidator').resetForm(true);
                    $('#cate-list').text('请选择一级分类');
                    $("#logo").attr('src',"images/none.png");
                }
            }
        })
    })
})